<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语义标签</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <header class="topheader">
        <div class="logo">LOGO</div>
        <nav>
            <ul>
                <li>菜单1<span>&lt;</span></li>
                <li>菜单2<span>&lt;</span></li>
                <li>菜单3</li>
                <li>菜单4</li>
                <li>菜单5</li>
                <li>菜单6</li>
            </ul>
        </nav>
        <div class="gongneng">功能</div>
    </header>
    <div class="main">
        <div class="videobox">
            <video src="video1.webm" autoplay loop></video>
            <div class="wenzi">
                <h1>HTML5互联网</h1>
                <p>h5互联网</p>
            </div>
        </div>
        <div class="con">
            <aside>
                <h3>侧边栏</h3>
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
            </aside>
            <article>
               <header>
                   <hgrounp>
                        <h1>文章主标题</h1>
                        <h2>副标题</h2>
                    </hgrounp>
                    <time>2016-10-08 10:00:00</time>
                    <address>作者:gy</address>
                    <section>
                        ajlkfsjf;adj;afasf
                    </section>
               </header>
            </article>
        </div>
    </div>
    <footer>我是底部信息</footer>
</body>
</html>